
.detail-pictures {
    float: left;
    width: 276px;
    padding-top: 160px;
    padding-bottom: 84px;
    vertical-align: top;
}
.detail-desc {
    margin-left: 276px;
    vertical-align: top;
    box-sizing: border-box;
    padding-top: 84px;
    padding-bottom: 84px;
    padding-left: 124px;
}
.picture-wrapper {
    width: 276px;
    height: 276px;
    border: 1px solid #dedede;
}
.zoom-hook {
    position: relative;
    display: block;
    height: 100%;
}
.zoomPad {
    /*float: none;*/
    position: absolute;

    left: 50%;
    transform: translate(-50%, 0);
    width: 100%;
    height: 100%;
}
.main-picture-hook {
    /* width: 276px; */
    /* height: 276px; */
}
.goods-picture {
    display: block;
    max-height: 100%;
    max-width: 100%;
    margin: 0 auto;
    background: #efefef;
}
.thumbnail {
    position: relative;
    margin-top: 22px;
    overflow: hidden;
    height: 80px;
}
.thumbnail-scroll {
    position: absolute;
    width: 100%;
    white-space: nowrap;
    padding: 6px 0;
    text-align: center;
    transition: 0.4s;
}
.thumbnail-item-wrapper {
    width: 33.33%;
}
.thumbnail-item {
    width: 60px;
    height: 60px;
    margin: 0 auto;
    border-radius: 6px;
    border: 2px solid #e9ebed;
    overflow: hidden;
}
.thumbnail-item-wrapper.active .thumbnail-item {
    border-color: #6b2466;
}
.thumbnail-item img{
    width: 100%;
}

.detail-title {
    font-size: 40px;
    color: #6b2466;
    margin-bottom: 24px;
}
.detail-title-en {
    font-size: 20px;
    color: #6b2466;
    margin-bottom: 40px;
}
.detail-item {
    margin-top: 24px;
    white-space: nowrap;
}
.detail-item .inline-wrapper {
    white-space: normal;
    vertical-align: top;
}
.detail-item .inline-item {
    font-size: 20px;
}
.item-key {
    width: 90px;
    color: #6f7697;
}
.item-split {
    position: relative;
    left: -8px;
    color: #6f7697;
}
.item-value {
    color: #333c63;
}
.add-cart-btn {
    width: 240px;
    height: 60px;
    margin-top: 54px;
    background-color: #632a63;
    color: #fff;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0 0 16px #632a63;
    cursor: pointer;
}
.add-cart-btn .inline-item {
    font-size: 22px;
    letter-spacing: 2px;
    line-height: 60px;
    cursor: pointer;
}
.icon-cart-reverse {
    background-image: url('../images/icon_cart_reverse.png');
    width: 35px;
    height: 35px;
    margin-right: 18px;
}

.radio-wrapper {
    margin-top: 8px;
}
.radio-item {
    margin-right: 15px;
    margin-bottom: 16px;
    padding: 8px 12px;
    border-radius: 6px;
    border: 1px solid #333c63;
}
.radio-item.active {
    border-color: #6b2466;
    background-color: #6b2466;
    color: #fff;
}

